﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="ShopOnline._Default" Theme="ShopOnline"
    MasterPageFile="~/Site.master" Codebehind="Default.aspx.cs" %>

<%@ Register Src="~/Controls/Common/Banner.ascx" TagName="Banner" TagPrefix="uc" %>
<%@ Register Src="~/Controls/Common/Menu.ascx" TagName="Menu" TagPrefix="uc" %>
<%@ Register Src="~/Controls/ShopOnline/NewProducts.ascx" TagName="NewProducts" TagPrefix="uc" %>

<asp:Content runat="server" ID="cMetaDefault" ContentPlaceHolderID="head">
    <link rel="stylesheet" type="text/css" href="./css/banner.css" media="all" />
    <link rel="stylesheet" type="text/css" href="./css/tango/skin.css" media="all" />
    <script language="javascript" type="text/javascript" src="./scripts/banner.js"></script>
    <script language="javascript" type="text/javascript" src="./scripts/jquery.jcarousel.min.js"></script>
</asp:Content>
<asp:Content runat="server" ID="cDefault" ContentPlaceHolderID="cSite">
    <script type="text/javascript">
        function mycarousel_initCallback(carousel) {
            jQuery('.jcarousel-control a').bind('click', function () {
                carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
                return false;
            });

            jQuery('#mycarousel-next').bind('click', function () {
                carousel.next();
                return false;
            });

            jQuery('#mycarousel-prev').bind('click', function () {
                carousel.prev();
                return false;
            });
        };

        $(document).ready(function () {
            jQuery('#jcarousel').jcarousel({
                wrap: 'circular',
                initCallback: mycarousel_initCallback,
                buttonNextHTML: null,
                buttonPrevHTML: null
            });
        });
    </script>
    <div class="header">
        <div class="clear">
        </div>
        <uc:Banner runat="server" ID="ucBanner" />
        <uc:Menu runat="server" ID="ucMenu" />
    </div>
    <div class="main-container col1-layout">
        <div class="main">
            <div class="main-block">
                <div class="top-corners">
                    <div>
                        <div>
                            &nbsp;</div>
                    </div>
                </div>
                <div class="content-box">
                    <div class="border-bot">
                        <div class="border-left">
                            <div class="border-right">
                                <div class="left-top">
                                    <div class="right-top">
                                        <div class="left-bot">
                                            <div class="right-bot">
                                                <div class="full-width">
                                                    <div class="col-main">
                                                        <div class="std">
                                                            <div class="clear">
                                                            </div>
                                                        </div>
                                                        <div class="new-products">
                                                            <a href='#' class='product_button_next' id="mycarousel-next" alt='Next'>
                                                                <img src='images/right_but.png' alt='Next' /></a> 
                                                            <a href='#' class='product_button_prev' id="mycarousel-prev" alt='Previous'>
                                                                <img src='images/left_but.png' alt='Previous' /></a>
                                                            <div class="a-center">
                                                                <h2 class="subtitle" style="text-transform:uppercase">
                                                                    New Products</h2>
                                                            </div>
                                                            <uc:NewProducts ID="newProducts" runat="server" OnNeedDataSource="newProducts_OnNeedDataSource" />    
                                                        </div>
                                                    </div>
                                                    <br class="clear" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bot-corners">
                    <div>
                        <div>
                            &nbsp;</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
